﻿*{margin:0;padding:0}
.synopsisArea .btn{line-height:28px;text-align:center;padding-top:8px;line-height:28px;height:40px;text-align:center;padding-top:8px}
.synopsisArea .btn a{margin:5px 3px;padding:5px 18px;background-size:20px;background:#eb2650;color:#fff;text-align:center;font-size:16px;border-radius:5px;box-shadow:0 2px 1px #d32248 inset}
.synopsisArea .btn .btn_toBookShelf{background:#f0962a;box-shadow:0 2px 1px #d88726 inset}
.synopsisArea .btn .btn_toMyBook{background:#658fbd;box-shadow:0 2px 1px #5b80aa inset}
div,p{wrap-work:break-word;word-break:break-all;word-wrap:break-word;word-break:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box}
.clear{clear:both}
.clearf::after{content:"";clear:both;display:table}
li{list-style:none}
em{font-style:normal}
body{color:#4c6978;font:14px 'microsoft yahei',Arial,Helvetica,sans-serif}
input[type="text"],input[type="button"],input[type="submit"],input[type="search"],textarea{font:12px 宋体,Arial,Helvetica,sans-serif;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-box-sizing:border-box;-webkit-appearance:none}
img{border:none}
a{color:#4c6978;text-decoration:none;border:none;cursor:pointer}
a:hover{text-decoration:none}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
*html .clearfix{height:1%}
.clearfix{display:block}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}
footer{padding:15px 10px;text-align:center;line-height:33px;background:#68aac2;position:relative;font-size:14px}
footer .version a{margin:0 10px;color:#c5d7df;text-shadow:1px 1px #3e86a8}
footer .version .sel{color:#fff;font-size:16px}
footer .link a{margin:0 10px;color:#accad6;font-size:14px}
footer img{position:absolute;right:25px;top:15px;cursor:pointer;width:31px}
footer .channel a{margin:0 5px;color:#c5d7df;text-shadow:1px 1px #3e86a8}
.channelHeader{height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;text-shadow:1px 1px #2680aa;background-size:136px 45px;background-color:#68aac2;border-top:1px #8ec5d9 solid}
.channelHeader2 .title{text-align:center}
.recommend .label,.tabArea .label{padding:0 5px;width:320px;margin:0 auto;margin-bottom:5px;margin-top:5px}
.showmore{height:40px;line-height:40px;text-align:center}
.showmore img{width:15px;height:15px;margin-left:5px;margin-bottom:-3px}
.hidearea{display:none}
.channelHeader{overflow:hidden;padding:0}
.iconback{float:left;margin-left:10px}
.iconhome{float:right;margin-right:10px}
.iconback,.iconhome{margin-top:8px;text-align:center;display:block;color:#fff}
.iconback img,.iconhome img{width:40px;height:40px;font-size:12px;text-align:center;line-height:40px}
.searchForm{text-align:center;margin:10px;position:relative;clear:both}
.searchForm_input{border:1px #c0deea solid;font-size:14px;background:#f8fdff;padding:0 60px 0 86px;width:100%;height:30px;line-height:30px;color:#cbcfd1}
.searchTarge{position:absolute;left:0;top:0;text-align:left;z-index:100}
.searchTarge .TargeTitle{padding-right:6px;height:30px;line-height:30px;border-right:1px #C0DEEA solid;color:#C0DEEA}
.searchTarge .TargeList{background:#C0DEEA;color:#fff;display:none}
.searchTarge .active{display:block!important}
.searchTarge .TargeList li:first-child{border-bottom:1px solid}
.searchTarge .TargeList li{padding:8px 0 8px 24px;line-height:24px}
.searchTarge .TargeList li:hover{background:#b4dae8}
.logo{color:#fff;font-size:28px;padding-left:6%}
.footer-app{position:relative;display:block;box-sizing:border-box;height:3.76rem;padding:.76rem 6rem 0 4rem;margin:10px 0;border-top:#f6f7f9 1px solid;border-bottom:#f6f7f9 1px solid}
.footer-app .icon-app-logo{position:absolute;top:.6rem;left:1rem;font-size:1.5rem;color:#fff;border-radius:.38rem;background-color:#68aac2;padding:3px}
.footer-app .btn-primary-small{position:absolute;top:0;right:1rem;bottom:0;height:1.6rem;margin:auto;font-size:.88rem;line-height:1.6rem;padding-right:2ch;padding-left:2ch;text-align:center;color:#fff;border-radius:1.6rem;background-color:#68aac2}
.footer-app-h{font-size:.88rem}
.footer-app-p{font-size:.76rem;color:#969ba3}
.icon-app-logo > svg{width:32px;height:32px;vertical-align:-.25ex;fill:currentColor}
.synopsisArea .btn .bg_android{background:#97C03D;box-shadow:0 2px 1px #97C03D inset}
.synopsisArea .btn .bg_ios{background:#8c8989;box-shadow:0 2px 1px #8c8989 inset}
.synopsisArea .btn .bg_txt{background:#658fbd;box-shadow:0 2px 1px #5b80aa inset}
.lnr{width:24px;height:24px;fill:currentColor}
.lnr-arrow-up-circle{position:absolute;right:25px;top:18px;cursor:pointer;width:31px;color:#fff}
.lnr-magnifier{width:18px;height:18px}
.lnr-chevron-down{width:14px;height:18px}
.lnr-user{width:20px;height:20px}
.TargeTitle span{display:inline-block;float:left}
.serach_span{position:absolute;right:0;top:0;height:30px;color:#C0DEEA;line-height:30px;border-left:1px #C0DEEA solid;padding-right:8px}
.serach_span span{display:inline-block;float:left}
.s_magnifier{padding:6px 0 0 6px}
.s_chevrondown{padding:6px 0 0 3px}
.s_submitbtn .searchForm_btn{background:none;color:#C0DEEA;border:none;padding-top:7px;font-size:14px;padding-right:4px}
.directoryArea p a{display:inline-block;width:100%}
.directoryArea{overflow:hidden;}


.footer-bok{position:relative;display:block;box-sizing:border-box;height:3.76rem;padding:.76rem 6rem 0 4rem;margin:10px 0;border-top:#f6f7f9 1px solid;border-bottom:#f6f7f9 1px solid}
.footer-bok .icon-bok-logo{position:absolute;top:.6rem;left:1rem;font-size:1.5rem;color:#fff;border-radius:.38rem;background-color:#68aac2;padding:3px}
.footer-bok .btn-primary-small{position:absolute;top:0;right:1rem;bottom:0;height:1.6rem;margin:auto;font-size:.88rem;line-height:1.6rem;padding-right:2ch;padding-left:2ch;text-align:center;color:#fff;border-radius:1.6rem;background-color:#68aac2}
.footer-bok-h{font-size:.88rem}
.footer-bok-p{font-size:.76rem;color:#969ba3}
.icon-bok-logo > svg{width:32px;height:32px;vertical-align:-.25ex;fill:currentColor}
